<template>
  <div class="box">
    <div class="title">
      <h3>武汉第一人民医院</h3>
      <div class="right">
        <el-icon><Histogram /></el-icon>
        <span>三甲医院</span>
      </div>
    </div>
    <div class="content">
      <div class="top">
        <div class="logo">
          <img src="../../../assets/images/logo.png" alt="" />
        </div>
        <div class="address">
          <p>
            乘坐公交：
            可以乘坐502路、505路、508路、520路、523路、546路、548路、549路、558路、571路、575路、609路、622路、701路、712路、720路、电车3路等公交车，在中山大道硚口路站下车，步行即可到达。
            或者乘坐轨道交通1号线，在硚口路站下车，从A口出站后步行约500米即可到达。<br />
          </p>
          <p>
            自驾：
            如果您选择自驾前往，可以使用导航软件输入“武汉市第一人民医院”作为目的地，导航软件会为您规划最优路线。
            请注意，具体的交通路线可能会受到交通状况、天气等因素的影响，建议您在出行前查看实时交通信息，以确保能够顺利到达医院。同时，为了您的安全和方便，也建议您提前安排好行程，并留出足够的时间以应对可能的交通延误。
          </p>
        </div>
      </div>
      <div class="bottom">
        <div class="item">
          <h3>医院编号:</h3>
          <span>100013</span>
        </div>
        <div class="item">
          <h3>地区邮箱:</h3>
          <span>123123</span>
        </div>
        <div class="item">
          <h3>医院地址:</h3>
          <span>湖北省武汉市硚口区中山大道215号</span>
        </div>
        <div class="item">
          <h3>医院联系人:</h3>
          <span>张院长</span>
        </div>
        <div class="item">
          <h3>电话:</h3>
          <span>13333333333</span>
        </div>
      </div>
    </div>
    <div class="info">
      <div class="title">医院介绍</div>
      <div class="xq">
        <p>
          武汉市第一医院，也被称为武汉市中西医结合医院，是一所集医疗、教学、科研、
          培训和健康管理为一体的大型综合性三级甲等医院。医院始建于1927年，是湖北省成立较早的公立医院之一，
          经过近百年的发展，现已成为全国首批重点中西医结合医院。
        </p>
        <p>
            医院占地面积达174亩，建筑面积18.05万平方米，拥有编制床位3000张，实际开放床位2472张，
            年门急诊量279万人次，年住院量9.47万人次，年手术量4.8万例，资产总值28.6亿元。
            医院内设有49个科室，涵盖了多种医疗领域，其中包括皮肤科、消化科、肾病科等特色科室，医生总数达到780人。
        </p>
        <p>
            医院拥有一批专业的医疗团队，他们在各自的领域里具有丰富的临床经验和深厚的专业知识。
            例如，刘菊主任医师擅长中西医结合治疗老年内分泌疾病，如骨质疏松症、甲状腺疾病等；周程副主任医师擅长肝脏肿瘤性疾病的外科手术、
            射频及介入治疗；闵强副主任医师擅长颅内动脉瘤等神经外科疾病的介入及显微外科治疗等。
        </p>
        <p>
            此外，医院在皮肤病的诊疗方面也有深厚的积累，
            如段逸群主任医师擅长性传播疾病、皮肤疑难病的诊治，
            陈柳青主任医师则擅长自身免疫性大疱性疾病、皮肤肿瘤、淋巴瘤等疾病的治疗。
        </p>
        <p>
            武汉市第一医院始终坚持公益性办院方向，以优化就医流程为导向，以满足就医需求为动力，开通互联网医院，
            打造立体化智慧医院，制定“最温暖服务”举措，持续创建“最温暖医院”品牌，提升患者就医满意度。新冠疫情期间，
            全院上下白衣执甲、尽锐出征，以生动实践诠释了救死扶伤、大医精诚的医者情怀。
            先后荣获全国抗击新冠肺炎疫情先进集体，省、市先进基层党组织，省、市五一劳动奖状，省、市文明单位等多项荣誉表彰。
        </p>
        <p>
            迈向新时代，医院将牢记“中西汇一、精诚利济”的院训，遵循“中医有品牌，
            西医有特色，中西医结合显优势”的发展理念，在公立医院高质量发展新征程中，
            不忘初心，奋力拼搏赶超，为建设“国内领先、国际知名”中西医结合医院砥砺前行。
        </p>
      </div>
    </div>
  </div>
</template>

<script setup>
import { Histogram } from "@element-plus/icons-vue";
</script>

<style lang="scss" scoped>
.box {
  display: flex;
  height: 100%;
  flex-direction: column;
  margin-top: 10px;
  padding: 20px;
  .title {
    flex: 1;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    h3 {
      margin-right: 10px;
      font-size: 20px;
      font-weight: 900;
    }
    .right {
      color: #999;
      display: flex;
      align-items: center;
    }
  }
  .content {
    flex: 4;

    .top {
      display: flex;
      align-items: center;

      .logo {
        img {
          width: 100px;
          height: 100px;
        }
      }
      .address {
        margin-left: 10px;
        p {
          font-size: 16px;
          color: #6d6d6d;
          line-height: 24px;
          //首行收缩2字符
          text-indent: 2em;
        }
      }
    }
    .bottom {
      margin-top: 20px;
      display: flex;
      width: 320px;
      flex-wrap: wrap;
      .item {
        display: flex;
        align-items: center;
        height: 45px;
        margin: 5px;
        h3 {
          margin-right: 10px;
          font-size: 16px;
          font-weight: 900;
          color: #474747;
        }
        span {
          font-size: 13px;
          color: #6d6d6d;
        }
      }
    }
  }
  .info {
    flex: 5;
    min-height: 600px;
    margin-top: 60px;
    .title {
      font-size: 20px;
      font-weight: 900;
      color: #474747;
      border-bottom: 1px solid #ccc;
      padding-bottom: 10px;
      margin-bottom: 20px;
    }
    .xq {
        p {
            font-size: 16px;
            color: #6d6d6d;
            line-height: 24px;
            //首行缩进2字符
            text-indent: 2em;
            margin-bottom: 10px;
        }
        p:last-child {
            margin-bottom: 0;
        }
    }
  }
}
</style>
